<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=800">
<style>
  html { font-size:12px; }
  body {
    width: 800px;
    margin: 0;
    overflow-y: hidden;
  }
  #description {
    overflow: clip;
    width: 600px;
    height: 3em;
  }
  table table {
    outline: 1px solid black;
    margin: 1px;
    border-collapse: collapse;
  }
  table table td {
    background-color: honeydew;
    border: 1px dotted darkgreen;
  }
</style>
<script>
if (window.testRunner) {
    testRunner.waitUntilDone();

    window.requestAnimationFrame(function() {
        testRunner.notifyDone();
    });
}
</script>
</head>
<body>
<div id="description">
Table autosizing tests - nested-tables.html<br/>
This test passes if "This text should not overlap itself" doesn't overlap itself.
</div>
  <table cellspacing="0" cellpadding="0" style="font-size:2.5rem;">
    <tr>
      <td>
        Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize 
        <table border="1" style="font-size:1rem;">
          <tr>
            <td>This text<br/>should not overlap<br/>itself.</td>
          </tr>
          <tr>
            <td><img src="broken_image" width="5" height="5" /></td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</body>
</html>
